* {
    padding: 0;
    margin: 0;
    border-color: #E6E6E6;
    border-radius: 0;
    touch-action: pan-y; /*使用全局样式样式去掉*/
}

div, span, small, p, label {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currentlynot supported by any browser */
}

/*a {*/
/*-webkit-touch-callout: none; !* iOS Safari *!*/
/*}*/

html, body {
    background-color: #F5F5F5;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 16px;
}

.contianer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: hidden;
}

header.common-header ~ div.contianer {
    top: 3em;
}

div[class*='-page'] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

div[class*='-box'] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 3em;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.bd.spacing {
    padding: 15px;
}

.imageCricle {
    width: 6em;
    height: 6em;
    border-radius: 50%;
}

.imageLogo {
    width: 6em;
    height: 6em;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.weui-btn {
    overflow: unset;
}

.weui-btn:after {
    border: 1px solid #4697F3;
    /*-webkit-border-radius: 50px;*/
    /*-moz-border-radius: 50px;*/
    /*border-radius: 50px;*/
}

.weui-btn_default {
    border-width: 1px;
    border: 1px solid #ABABAB;
    color: #4697F3;
    background-color: #FFFFFF;
}

.weui-btn_primary {
    font-size: 16px;
    background: #4697F3;
}

.weui-btn_primary:not(.weui-btn_disabled):active {
    background-color: #4697F3;
}

.weui-cells_checkbox .weui-check:checked + .weui-icon-checked:before {
    color: #4697F3;
}

/*在修改用户信息的页面使用weui样式*/
.weui-select {
    height: 35px;
    line-height: 30px;
}

.weui_cell_select .weui_cell_bd:after {
    width: 0.8em;
    height: 0.8em;
    border-width: 2px 2px 0 0;
    margin-top: -0.4em;
    right: 2px;
}


.weui_mask, .weui_mask_transition, .weui_mask_transparent {
    background: white;
}

.weui-dialog__btn {
    color: #4697F3;
}

.weui-dialog__bd {
    max-height: 200px;
    overflow-y: auto;
}

/**
*给div添加一个下边框
*/
.onlyBottomBorder {
    padding-left: 0;
    padding-right: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #E6E6E6;
    border-radius: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/******自定义字体颜色********/
/*白色*/
.text-white {
    color: #FFFFFF;
}

/*黑色*/
.text-blank {
    color: #000000;
}

/*红色*/
.text-red {
    color: #D0021B;
}

/*蓝色*/
.text-blue {
    color: #4A90E2;
}

/*蓝色*/
.text-common {
    color: #4697F3;
}

/*蓝色*/
.text-green {
    color: #7ED321;
}

/*灰色*/
.text-disabled {
    color: #ABABAB;
}

/******自定义字体大小********/
.font18 {
    font-size: 18px;
}

.font16 {
    font-size: 16px;
}

.font15 {
    font-size: 15px;
}

.font14 {
    font-size: 14px;
}

.font13 {
    font-size: 13px;
}

.font12 {
    font-size: 12px;
}

.font11 {
    font-size: 11px;
}

.font10 {
    font-size: 10px;
}

.font-bold {
    font-weight: bold;
}

.span-block {
    display: block;
}

.span-gap {
    margin-right: 5px;
}

.top-bottom-5 {
    padding: 5px 0;
}

.top-bottom-2 {
    padding: 2px 0;
}

/*不换行字体*/
.text-overflow {
    display: block; /*内联对象需加*/
    word-break: keep-all; /* 不换行 */
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}

/******自定义背景颜色********/

/*白色*/
.bg-white {
    background-color: #FFFFFF;
}

/*亮白色*/
.bg-white-light {
    background-color: #fafafa;
}

.bg-red {
    background-color: red;
}

/*蓝色*/
.bg-blue {
    color: #FFFFFF;
    background-color: #4A90E2;
}

/*默认主题元素背景颜色*/
.bg-common {
    color: #FFFFFF;
    background-color: #4697F3;
}

/*灰色*/
.bg-gray {
    color: #FFFFFF;
    background-color: #B6BBC2;
}

.header {
    display: flex;
    height: 40%;
    justify-content: center;
    align-items: center;
    /*flex-direction: column;*/
}

.header-bg {
    color: #ffffff;
    background-color: #4697F3;
    background: url("../images/header-bg.png") no-repeat 100% 100%;
    background-size: cover;
}

.header-bg img {
    width: 4em;
    height: 4em;
}

.weui-cells_form {
    margin: 0 30px;
}

.weui-cells_form .weui-cells {

}

.weui-cells:before {
    display: none;
}

.weui-cell:before {
    right: 15px;
}

.weui-cells:after {
    left: 15px;
    right: 15px;
}

.weui-icon-back:before {
    content: '';
    display: flex;
    align-items: center;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    width: 0.6em;
    height: 0.6em;
    border-width: 2px 2px 0 0;
    border-color: #FFFFFF;
    border-style: solid;
}

.header.header-bg .weui-cell {
    flex: 1;
}

.header.header-bg .weui-cell_access:active {
    background: #4697F3;
}

.weui-cells_form .weui-cells > .weui-cell {
    padding: 15px;
}

.mine-page .weui-cells {
    color: #8D939D;
}

.common-header {
    right: 0;
    left: 0;
    position: fixed;
    display: inline-flex;
    color: #ffffff;
    background: #4697F3;
    justify-content: center;
    align-items: center;
    z-index: 999;
    height: 45px;
}

.common-header .left {
    width: 3em;
    height: 45px;
    text-align: left;
    line-height: 45px;
    padding-left: 10px;
}

.common-header .left:hover, .left:active, .tools:hover, .tools:active, .more:hover, .more:active {
    background-color: #4699F3;
}

.common-header .left:hover, .left:active > .weui-icon-back:before {
    border-color: #D8D8D8;
}

.common-header .tools, .more, .notools {
    padding-left: 5px;
    min-width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: right;
    padding-right: 10px;
}

.common-header .title {
    text-align: center;
    font-weight: bold;
    flex: 1;
}

.common-header + div.weui-group-dropdown, .common-header + div.container {
    top: 45px;
}

.week-flex {
    margin: 5px 0;
    padding: 3px 0;
    background: #f5f5f5;
    color: #828282;
    font-size: 16px;
}

.week-flex .weui-flex__item {
    text-align: center;
    font-weight: bold;
}

/*.weui-flex {*/
/*align-items: center;*/
/*}*/

.btn-group a:not(:last-child) {
    border-right: 1px solid #D9D9D9;
}

.btn-group a:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;

}

.btn-group a:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;

}

.group-btn {
    display: flex;
}

.weui-group-dropdown {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1;
}

.weui-dropdown {
    position: absolute;
    flex-direction: column;
    border: 1px solid #D9D9D9;
    background: #ffffff;
    display: none;
    top: 55px;
    left: 0;
    right: 0;
    overflow-y: auto;
    max-height: 270px;
    z-index: 1;
}

.weui-dropdown > .weui-flex__item.selected {
    background: #D8D8D8;
    color: #4697F3;
    font-weight: bold;
}

.weui-well {
    background: #fff;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    padding: 10px 15px;
    margin-bottom: 10px;
}

.weui-well__top, .weui-well__content, .weui-well__footer {
    padding: 5px 0;
    margin: 0;
    align-items: center;
}

.weui-well__top, .weui-well__content {

    border-bottom: 1px solid #E5E5E5;
}

.weui-well__content.weui-cells:after {
    border: none;
}

.weui-well__content .weui-cell {
    padding: 0px;
}

.weui-well__content .weui-cell:before {
    border: none;
}

.weui-btn_mini {
    background-color: #FFFFFF;
    min-width: 3em;
    margin-left: 3px;
    color: #4697F3;
    padding: 1px 1.3em;
}

.weui-btn + .weui-btn {
    margin-top: 0;
}

.weui-btn + .weui-btn.weui-btn_mini {
    margin-top: 0;
}

.weui-btn_mini.disabled {
    background-color: #D8D8D8;
}

.weui-btn_mini.selected {
    background-color: #4697F3;
    color: #ffffff;
}

.weui-btn_mini.disabled.weui-btn:after {
    border-color: #D8D8D8;
}

span.dept-doctor {
    display: inline-block;
    padding: 0 3px;
    background-color: #B6BBC2;
    color: #ffffff;
}

.drop-down > i {
    display: block;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.selected > .drop-down > i {
    display: block;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.weui-photo-browser-modal {
    z-index: 1000;
    /*background: #FFFFFF;*/
}

.weui-photo-browser-modal .photo-container {
    justify-content: center;
}

.well-print {
    margin: 20px 15px;
    border-radius: 5px;
}

.well-print h4 {
    margin-left: 0;
    margin-bottom: 2px;
}

.well-print .onlyBottomBorder {
    border-style: dashed;
}

.well-print .leftRightCicle {
    display: flex;
    position: absolute;
    left: 15px;
    right: 15px;
    margin-top: 10px;
}

.well-print .leftRightCicle:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    background: #F5F5F5;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid #E6E6E6;
    border-width: 0 0 1px 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.well-print .leftRightCicle:after {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    background: #F5F5F5;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid #E6E6E6;
    border-width: 0 0 0 1px;
}

/*上传失败*/
.type-color-0 {
    color: #4697F3;
}

/*已完成*/
.type-color-1 {
    color: #D8D8D8;
}

/**/
.type-color-2 {
    color: #4A90E2;
}

/*待会诊*/
.type-color-3 {
    color: #9013FE;
}

/*已退回*/
.type-color-4 {
    color: #F16414;
}

/*已取消*/
.type-color-5 {
    color: #06D1D4;
}

.type-color-6 {
    color: #4A90E2;
}

/*待审核*/
.type-color-7 {
    color: #F8E71C;
}

.type-color-8 {
    color: #F8E71C;
}

.weui-cells {
    margin-top: 0;
}

.weui-toptips {
    z-index: 1000;
}

.common-header ~ .weui-toptips {
    top: 45px;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.title.ellipsis {
    -webkit-line-clamp: 1;
}

.icon-phone {
    margin-left: 5px;
    font-size: 13px;
}

.rightMenu {
    position: absolute;
    top: 2.8em;
    opacity: 0;
    bottom: 0;
    right: -100%;
    width: 100%;
    z-index: 999;
    border: 1px solid #f2f2f2;
    border-left: none;
}

.rightMenu > .leftBox {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20%;
    right: 0;
    background-color: transparent;

}

.rightMenu > .rightBox {
    background: #FFF;
    position: absolute;
    left: 20%;
    bottom: 0;
    top: 0;
    right: 0;
}

.rightIcon {
    height: 1.3em;
    margin-right: 5px;
}

.weui_button {
    position: relative;
    border: none;
    background: #e5e5e5;
    padding: 5px 15px;
    margin: 5px 6px;
    border-radius: 15px;
    font-size: 12px;
    display: inline-block;
    display: -webkit-inline-box;
}

.weui-input {
    border: 1px solid #4697F3;
    border-radius: 10px;
    text-indent: 10px;
}

.line-gap {
    margin: 5px 10px;
}

.weui-btn_default {
    border: 1px solid #4697F3;
}

.waterMarkHome {
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    flex-wrap: wrap;
    align-items: center;
}

.waterMark {
    pointer-events: none;
    width: 33%;
}

.waterMark:after {
    pointer-events: none;
    content: attr(data-content);
    font-size: 15px;
    color: #dddddd;
    z-index: 9999;
    display: block;
    position: relative;
    text-align: center;
    opacity: .4;
    line-height: 100%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.recordDate {
    line-height: 24px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 0;
    display: inline-flex;
    font-weight: bold;
    border-left: 1px solid #A4AAB3;
}

.recordDate .point {
    line-height: 24px;
    float: left;
    width: 12px;
    height: 12px;
    background: #A4AAB3;
    border-radius: 12px;
    margin-right: 5px;
    margin-left: -6px;
    margin-top: 6px;
}

.recordDate .point:after {
    content: '';
    float: left;
    width: 5px;
    height: 5px;
    border-style: solid;
    border-color: #ffffff;
    border-width: 0 0 1px 1px;
    margin-left: 5px;
    margin-top: 2px;
}

.recordDept small {
    font-weight: normal;
}

.recordList {
    display: block;
    margin-left: 10px;
}

.recordType {
    display: flex;
    border-left: 1px solid #A4AAB3;
}

.recordType > .weui-cell {
    margin: 5px 10px;
    background: #FFFFFF;
    border-radius: 5px;
    color: #000;
}

.recordTime {
    line-height: 16px;
    display: flex;
    border-left: 1px solid #A4AAB3;
}

.recordTime .point {
    line-height: 16px;
    float: left;
    width: 6px;
    height: 6px;
    background: #A4AAB3;
    border-radius: 6px;
    margin-right: 8px;
    margin-left: -3.5px;
    margin-top: 5px;
}

.point {
    float: left;
    background: #4697F3;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    -webkit-transform: scale(.7, .7);
}

.common-header + div.weui-group-dropdown, .common-header + div.container {
    top: 45px;
}


.btn-group {
    display: flex;
    background: #ffffff;
    border: 1px solid #4697F3;
    padding: 0;
    border-radius: 12px;
    margin: 10px 5em;
}

.btn-group a {
    display: block;
    flex: 1;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #4697F3;
    padding: 5px;
    border: none;
    font-family: "Microsoft Yahei";
}

.btn-group a.selected {
    background: #4697F3;
    color: #fff;
}

#clinic_type_btnGroup {
    position: relative;
    z-index: 999;
    right: 0;
    left: 0;
    align-items: center;
}

#filterBtn {
    position: absolute;
    right: 15px;
}

.group-btn {
    display: flex;
}

.weui-group-dropdown {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1;
}

.well-print .onlyBottomBorder {
    border-style: dashed;
}

.well-print .leftRightCicle {
    display: flex;
    position: absolute;
    left: 15px;
    right: 15px;
    margin-top: 10px;
}

.well-print .leftRightCicle:before {
    content: "";
    display: block;
    position: absolute;
    left: -10px;
    background: #fbf9fe;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid #E6E6E6;
    border-width: 0 0 1px 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.well-print .leftRightCicle:after {
    content: "";
    display: block;
    position: absolute;
    right: -10px;
    background: #fbf9fe;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid #E6E6E6;
    border-width: 0 0 0 1px;
}

.weui-btn_disabled {
    color: #FFFFFF;
    background-color: #cccccc;
}

.weui-btn_disabled:after {
    border-color: #cccccc;
}

/*回执的公章样式*/
.seal {
    display: block;
    width: 123px;
    font-size: 2em;
    color: #419BF9;
    position: absolute;
    right: 10px;
    padding: 30px 20px;
    text-align: center;
    margin-top: -30px;
    transform: scale(.7) rotate(-30deg);
    -moz-transform: scale(.7) rotate(-30deg);
    -webkit-transform: scale(.7) rotate(-30deg);
}

.seal:before {
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 160px;
    height: 100px;
    border-radius: 80px/50px;
    border: 2px solid #419BF9;
}

.seal:after {
    content: '';
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 140px;
    height: 80px;
    border-radius: 70px/40px;
    border: 1px solid #419BF9;
}

.sheetList {
    /*display: none;*/
    background: #efeff4;
    border-left: 5px solid #419BF9;
}
